@import "./styles";

::-webkit-input-placeholder {
  color: #888;
}

.invitation {
  width: 100%;
  height: 100%;
  overflow: auto;
  &-wrap {
    width: 100%;
    min-height: 100%;
    padding-bottom: rem(22);
    overflow: auto;
    box-sizing: border-box;
    &-bg {
      display: block;
      width: rem(477);
      height: rem(390);
      @include margin(rem(206) auto rem(158));
      box-sizing: border-box;
    }
    &-content {
      width: rem(617);
      height: rem(90);
      margin: 0 auto rem(112.5);
      font-size: 0;
      box-sizing: border-box;
      &_input {
        display: inline-block;
        width: rem(374);
        height: rem(90);
        padding-left: rem(28);
        font-size: 14px;
        font-size: rem(28);
        color: color('invitation', 'inputColor');
        vertical-align: middle;
        box-sizing: border-box;
        @include border(1px, solid, color('invitation', 'border'), true);
        @include border-left-radius(rem(6));
      }
      &_btn {
        display: inline-block;
        width: rem(243);
        height: rem(90);
        font-size: 17px;
        font-size: rem(34);
        line-height: rem(90);
        text-align: center;
        color: color('invitation', 'btnColor');
        background-color: color('invitation', 'btnBg');;
        vertical-align: middle;
        box-sizing: border-box;
        @include border-right-radius(rem(6));
      }
    }
  }
  &-footer {
    position: relative;
    margin-top: rem(-64);
    height: rem(22);
    font-size: 12px;
    font-size: rem(22);
    line-height: rem(22);
    color: color('invitation', 'footColor');
    text-align: center;
    box-sizing: border-box;
    clear: both;
  }
}


